body{
	margin-top: 0px;
	font-family: "Century Gothic","STHeiti","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}

.team-bg{
	height: 400px;
	background-color: #2a2a2a;
}
.team-bg span{
	font-size: 220px;
	font-weight: 600;
	color: rgb(78,97,189);
	position: absolute;
	top: 100px;left: 600px;
	z-index: 2;
}


.brief{
	height: 540px;
	margin: 100px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 -12px 30px 10px #dbdbdb;
	background-color: #FFFFFF;	
	float: left;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.brief img{
	height: 210px;
	float: left;
	position: absolute;
	bottom: 0px;left: 0;
	z-index: 0;
}
.svg-bg-studio{

}
.teacher{
	border: 3rem solid rgb(178,192,203);
}
.teacher-2{
	margin-top: -3rem;
	border: 5rem solid rgb(78,97,189);
	fill: rgb(78,97,189);
}
@media only screen and (min-width: 768px) {
	.brief{
		margin-top: -500px;
		height: 380px;
		margin-top: 100px;
		transition: all .3s ease;
	}
	.brief::after{
		opacity: 0;
		transition: opacity .3s ease-in-out;
	}
	.brief:hover {
		margin-top:99px;
	 	box-shadow: 0 -5px 10px #dbdbdb;
	 	transition: all .3s ease;
	}
	.brief:hover::after {
	  opacity: .3;
	}
	
}
